<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                >

    <ui:param name="pagetitle" value="CHUMS - Reports"/>

    <center>
        <p:fieldset legend="Report Options" >
            <h:form  id="formReport" prependId="false" >

                <h:panelGrid columns="1"  cellpadding="10"> 
                    <p:growl id="growlReport"  showDetail="true" showSummary="false" life="5000" redisplay="false" />  

                    <table>
                        <tr>
                            <td>
                                Start Date:
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p:calendar title="Start Date" value="#{reportBean.startDate}" pattern="MM/dd/yyyy HH:mm:ss" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                End Date:
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p:calendar title="End Date" value="#{reportBean.endDate}" pattern="MM/dd/yyyy HH:mm:ss" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Report Type:
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p:selectOneMenu value="#{reportBean.reportID}">
                                    <f:selectItems value="#{reportBean.reportTypes}" />
                                </p:selectOneMenu>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p:commandButton value="Submit" update="growlReport :formReport :reportResultForm" actionListener="#{reportBean.submitReport}"/>
                            </td>
                        </tr>

                    </table>
                </h:panelGrid>  

            </h:form>         
        </p:fieldset>  
        <br/>
        <br/>

    </center>


</ui:composition>

